<template>
  <div class="Recommend-wrapper">
    <el-table :data="list" style="width: 100%" height="73vh">
      <el-table-column prop="name" label="用户" width="">
        <template slot-scope="scope">
          <el-avatar :size="50" :src="scope.row.avatar" shape="square" />
          <span style="margin-left: 15px">{{ scope.row.nickname }}</span>
        </template>
      </el-table-column>
      <el-table-column prop="mobile" label="绑定手机号" width="" />
      <el-table-column prop="remark" label="类型" width="" />
      <el-table-column prop="bonus" label="分佣" width="" />
      <el-table-column prop="created_at" label="时间" width="" />
    </el-table>
  </div>
</template>
<script>
export default {
  props: {
    list: {
      type: Array,
      default: () => []
    }
  }
}
</script>
<style lang="scss" scoped>
  @import '@/styles/el-table.scss';
  .Recommend-wrapper{
    margin-top: 20px;
  }
  .el-table /deep/ .cell{
    display: flex;
    align-items: center;
  }
  .el-table /deep/ .cell {
  &:nth-child(1) {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .el-avatar {
    margin-right: 15px;
    border: 1px solid #eee;
  }
}
</style>
